﻿<style>
    .ng-invalid-pattern {
        border: 1px solid #f00;
    }
</style>

<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">用户管理</h1>
</div>
<div class="wrapper-md" ng-controller="userCtrl">
    <div class="panel panel-default">
        <div class="panel-heading font-bold">查询</div>
        <!--<div class="panel-body">-->
        <div class="form-horizontal panel-body">
            <label class="control-label pull-left col-md-1">关键字</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control" id="fa-searchz" ng-model="searchingKeyword" placeholder="请输入关键字">
            </div>
            <label class="control-label pull-left col-md-1">车牌号</label>
            <div class="col-md-2 form-group">
                <!--ng-pattern="/^[\u4e00-\u9fa5]{1}[a-zA-Z]{1}[a-zA-Z_0-9]{5}$/"-->
                <input type="text" class="form-control" id="fa-searchz" ng-model="searchingCarcode" placeholder="请输入车牌号" name="carCode">
            </div>
            <label class="control-label pull-left  col-md-1">司机姓名</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control" id="fa-searchz" ng-model="searchingDriverName" placeholder="请输入司机姓名">
            </div>
            <label class="control-label pull-left  col-md-1">手机号码</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control" id="fa-searchz" ng-model="searchingPhoneNumber" placeholder="请输入手机号码">
            </div>
            <div class="line line-xs pull-in"></div>

            <label class="control-label pull-left col-md-1">申请起始时间</label>
            <div class="col-md-2 form-group date has-feedback">
                <!--<div class="input-group input-group-sm date">-->
                <input id="ApplicationStartTime" datetimepicker plugintype="datetime" ng-model="searchingApplicationStartTime" placeholder="申请起始时间" class="form-control" type="text" />
                <span id="openApplicationStartTime" class="form-control-feedback curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                </span>
                <!--</div>-->
                <!--<input type="datetime-local" class="form-control" required="" id="ApplicationStartTime" name="ApplicationStartTime" ng-model="searchingApplicationStartTime">-->
            </div>

            <label class="control-label pull-left col-md-1">申请结束时间</label>
            <div class="col-md-2 form-group date has-feedback">
                <!--<div class="input-group input-group-sm date">-->
                <input id="ApplicationEndTime" datetimepicker plugintype="datetime" ng-model="searchingApplicationEndTime" placeholder="申请结束时间" class="form-control" type="text" />
                <span id="openApplicationEndTime" class="form-control-feedback curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                </span>
                <!--</div>-->
                <!--<input type="datetime-local" class="form-control" required="" id="endTime" name="ApplicationEndTime" ng-model="searchingApplicationEndTime">-->
            </div>
            <label class="control-label pull-left  col-md-1">认证状态</label>
            <div class="col-md-2 form-group">
                <select class="form-control" ng-model="searchingState" ng-options="x.value as x.text for x in checkState" ng-init="searchingState=2">
                        <option value="">全部</option>
                    </select>
            </div>
            <label class="control-label pull-left  col-md-1">禁用状态</label>
            <div class="col-md-2 form-group">
                <select class="form-control" ng-model="searchingEnableState">
                        <option value="0">全部</option>
                        <option value="1">是</option>
                        <option value="2">否</option>
                    </select>
            </div>
            <div class="line line-xs pull-in"></div>

            <label class="control-label pull-left  col-md-1">认证起始时间</label>
            <div class="col-md-2 form-group  date has-feedback">
                <!--<div class="input-group input-group-sm date">-->
                <input id="startTime" datetimepicker plugintype="datetime" ng-model="searchingStartTime" placeholder="认证起始时间" class="form-control" type="text" />
                <span id="openstartTime" class="form-control-feedback curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                </span>
                <!--</div>-->
                <!--<input type="datetime-local" class="form-control" required="" id="startTime" name="startTime" ng-model="searchingStartTime">-->
            </div>
            <label class="control-label pull-left  col-md-1">认证结束时间</label>
            <div class="col-md-2 form-group  date has-feedback">
                <!--<div class="input-group input-group-sm date">-->
                <input id="endTime" datetimepicker plugintype="datetime" ng-model="searchingEndTime" placeholder="认证结束时间" class="form-control" type="text" />
                <span id="openendTime" class="form-control-feedback curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                </span>
                <!--</div>-->
                <!--<input type="datetime-local" class="form-control" required="" id="endTime" name="endTime" ng-model="searchingEndTime">-->
            </div>

            <label class="control-label pull-left  col-md-1"></label>
            <div class="col-md-2 form-group">
                <button ng-click="queryUsers()" class="btn btn-sm btn-default btn-addon" ng-class="{'disabled':seeks}" ng-disabled="seeks">
                        <i class="fa fa-search" ng-show="!seeks"></i>
                        <i ng-show="seeks">
                            <b class="fa fa-spinner no-bordr"  ng-class="{'fa-spin':seeks}"></b>
                        </i>
                        <span ng-show="!seeks">查询</span>
                        <span ng-show="seeks">查询中...</span>
                    </button>
            </div>
        </div>


        <!--</div>-->
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            用户列表
        </div>
        <div class="table-responsive">
            <div ui-grid="userList" ui-grid-pagination ui-grid-auto-resize ui-grid-resize-columns style="height:{{( gridOptions.data.length *30)+95}}px;min-height:395px;
overflow:hidden; min-width:1000px;">
                <div class="watermark" ng-if="!userList.data.length">暂无数据<i class="fa fa-spinner no-bordr" ng-show="seeks" ng-class="{'fa-spin':seeks}"></i></div>
            </div>
        </div>
    </div>


</div>